﻿@page "/datagrid-custom-header"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    DataGrid <strong>Custom Header with a button</strong>
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Gives the grid a custom header, allowing the adding of components to create custom tool bars in addtion to column grouping and column picker
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo the <code>HeaderTemplate</code> contains a <strong>Toggle EmployeeID column visibility</strong> button that dynamically controls the <code>Visible</code> property of the ID column, starting hidden by default.
</RadzenText>

<RadzenExample ComponentName="DataGrid" Example="DataGridCustomHeader">
    <DataGridCustomHeader />
</RadzenExample>
